
/*文章样式部分*/
/*开始*/
/* 主题色丫橙 */
/* 全局声明 */
#article{
  font-family: 'FangzhengYZ';
  font-size:16px;
  color:#7F7F7F;
  line-height: 1.8rem;
  letter-spacing: .3px;
}

@media screen and (min-width: 840px){
#article{
  padding: 20px 25px 55px 25px;
  box-shadow: 3px 5px 6px -5px #3333, 2px 3px 8px -5px #3333;
  border-radius: 10px;
  background-color: rgba(255,255,255,.6);
}
}
/*更改全局字体*/
/*@font-face {*/
/*  font-family: 'Fzxs14';*/
/*  src: url(/usr/themes/Brave/base/Fzxs14.woff2);*/
/*}*/
/** {*/
/*  font-family: 'Fzxs14' !important;*/
/*}*/


/*字体引入*/
/*方正悠哉*/
/*@font-face {*/
/*    font-family: 'FangzhengYZ';*/
/*    font-style: normal;*/
/*    font-weight: normal;*/
/*    src: url("/usr/themes/Brave/ziti/FangzhengYZ.ttf") format('truetype');*/
/*  }*/

/*方正卡通简体*/
/*@font-face {*/
/*    font-family: 'FangzhengKT';*/
/*    font-style: normal;*/
/*    font-weight: bold;*/
/*    src: url("/usr/themes/Brave/ziti/FangzhengKT.ttf") format('truetype');*/
/*  }*/

/*方正初恋体*/
/*@font-face {*/
/*    font-family: 'FangzhengCL';*/
/*    font-style: normal;*/
/*    font-weight: bold;*/
/*    src: url("/usr/themes/Brave/ziti/FangzhengCL.TTF") format('truetype');*/
/*  }*/

/* 标题 */
#article h1,#article h2,#article h3,#article h4,#article h5,#article h6{
    font-family:'FangzhengKT';
    font-weight:bold !important;
    color:#666;
}

#article h1:before {
  display:block;
  content:"";
  margin-top:30px;
}

#article h1:nth-of-type(1)::before {
  display:block;margin-top:10px;
}

#article h1{
  font-size:30px !important;
  line-height:1.4;
  margin: 2.2rem auto 1.8rem !important;
  background:linear-gradient(to bottom,transparent 65%,rgba(255,238,225,.7) 0) no-repeat;
  width:auto;
  display:inline;
}

#article h1:after {
  display:block;
  content:"";
  margin-bottom:10px;
}


#article h2{
  font-size: 25px !important;
  margin: 2rem auto 1.6rem !important;
  border-left: 5px solid #fcb076;
  padding: .1rem .3rem ;
}

#article h3 {
  margin: 1.8rem auto 1.4rem !important;
  font-size:22px !important;
  padding-bottom:3px;
  border-bottom:1px solid #fedcc2
;
}

#article h4{
  color:#666;
  margin: 1.4rem auto 1.4rem !important;
  font-size:20px !important;
}

#article h5{
  margin: 1.2rem auto 1.2rem !important;
  font-size:18px;
  color:#fcb076;
}

#article h6{
  color:#666;
  margin: 1.2rem auto 1.2rem !important;
  font-size:18px;
}

/* 段落 */
#article p{
  font-size:16px;
}

/* 引用 */
#article blockquote{
  font-family: 'FangzhengYZ',"HelveticaNeue", Arial,"kaiti","pingfangSC light", "microsoft yahei" !important;
  margin: 1.6rem auto 1.2rem !important;
  padding: 15px 10px 1px 15px;
  line-height: 27px;
  background-color:#fff6edcc;
  border-left:3px solid #fcb076;
  color:#808080;
  display:block;
}

/* 行内代码 */
#article li code,p code{
  color: #fa8c37 !important;
  background-color: rgba(255,246,237,0.4);
  font-family: "LM Mono 10","Times New Roman",Arial, simsun, "pingfangSC light","microsoft yahei" ,sans-serif;
  font-size: 0.8rem;
  box-sizing: border-box;
  margin: 0 4px;
  padding: 2px 2px ;
  border-radius: 2px;
  box-shadow: 0 0 .8px .8px rgba(251,157,85,.5);
}

#article a{
	color:#fb9d55;
	border-bottom:1px dashed #fb9d55;
}

#article a:hover{
	text-decoration:none;
	color:#fb9d55;
	border-bottom:1px solid #fb9d55;
}

/*列表*/
#article ol,
#article ul {
  padding-left: 25px;
  margin: .5rem 0;
}

#article ol>li,
#article ul>li {
   color:#7F7F7F;
}

#article li::marker{
  color: #f36e06;
}


#article ol {
  margin: 1.2rem auto 1rem !important;
  padding-left: 25px !important;
  list-style-type: decimal !important;
}

#article ul {
  list-style-type: circle;
}

#article ul ul,
#article ol ul{
  list-style-type: disc;
}

#article ul ul ul,
#article ol ul ul,
#article ol ol ul,
#article ul ol ul{
  list-style-type: square;
}

 /*表格*/
#article table {
  margin: 1.6rem auto !important;
  width: 100%;
  overflow: auto;
  display: table;
  font-size: 14px;
  border-spacing: 0;
  border-collapse: collapse;
  word-break: normal;
  word-wrap: normal;
  border-radius: 3px;
  box-shadow: 2px 2px 5px 1px #8c8c8c61;
}

#article table td, table th {
  border-radius: 3px;
  padding: 6px 13px;
  word-break: keep-all;
}

#article table th {
  font-weight: 700;
  color:#fb9d55;
  background-color: #f8f8f8;
}

#article table tr:nth-child(2n) {
  background-color: #f8f8f8;
}

/* 分割线 */
#article hr {
  margin: 2rem 0 !important;
  height:.8px;
  padding:0;
  background-image:linear-gradient(to right,rgba(255,255,255,0),#fcb076,rgba(255,255,255,0));
  border:none;
  text-align:center;
}

#article pre{
  margin: 1.2rem auto 1.6rem!important;
  padding:10px 15px;
  background-color:#F2F2F2 !important;
  border-radius:5px;
}

/* 图片 */
#article img {
  margin:1rem auto;
  border: 10px solid #ffffff!important;
  outline: 1px solid #F2F2F2;
}

/* 文字加粗 */
#article strong{
  font-family: 'FangzhengKT';
  color: #fa8c37;
  font-weight: bold;
}

#article strong::before {
  content: '「';
}

#article strong::after {
  content: '」';
}

/* 动态彩虹字 考虑到斜体用的比较少，将斜体语法改为显示动态彩虹字 */
#article em {
  font-style:normal;
  background-image: linear-gradient(to left, orangered, orange, gold, lightgreen, cyan, dodgerblue, mediumpurple, hotpink, orangered);
  background-size: 110vw;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-animation:rainbow 60s linear infinite;
  animation: rainbow 60s linear infinite;
}

@keyframes rainbow {
  100% {
  background-position: -2000vw;
}
}

input, optgroup, select, textarea {
  margin: 1rem 0 1rem -15px !important;
}

/* 删除线 */
del {
  padding: 1px 2px;
  text-decoration: line-through #F87466;
  color:#808080;
}
/*下划线*/
#article u{
    text-decoration: none;
    border-bottom:1px solid orange;
}

/* 文章最后加上THE STORY CONTINUES... */
#article:after{
  content:'THE STORY CONTINUES...';
  font-size:16px;
  display:block;
  text-align:center;
  margin-top:50px;
  color:#999;
  border-bottom:1px solid #eee;
}

/*文章样式结束*/
.card.home-card:hover {
    box-shadow:0px 0px 5px 1px #ffe4b3;

}
/*鼠标指针*/
/* body{
    cursor:url(/usr/themes/Brave/img/normal.cur), default;

}


a:hover{
    cursor:url(/usr/themes/Brave/img/hover.cur), pointer;
} */

ol,p {
    margin: 0;
}
ol{
	list-style: none;
	padding: 0;
}

::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-corner {
    background: unset;
}
::-webkit-scrollbar-thumb {
    background: hsla(0,0%,52.9%,.4);
    border-radius: 6px;
}

::-webkit-scrollbar-track {
    background: hsla(0,0%,52.9%,.1);
}
::-webkit-scrollbar-track {
    background-color: #fff;
}

.avatar-img {
	height: 120px;
	width: 120px;
	object-fit: cover;
	border: rgba(255, 255, 255, .4) 2px solid;
}

/*第一套爱心*/
.heart {
	background-color: #da3848;
	display: inline-block;
	height: 30px;
	position: relative;
	top: 0;
	transform: rotate(-45deg);
	width: 30px;
}

.heart {
	animation: heartbeat 1s infinite;
}

.heart:before, .heart:after {
	content: "";
	background-color: #da3848;
	border-radius: 50%;
	height: 30px;
	position: absolute;
	width: 30px;
}

.heart:before {
	top: -15px;
	left: 0;
}

.heart:after {
	left: 15px;
	top: 0;
}

/*第二套爱心*/
.heart2{
    position: relative;
    display: flex;
    height: 20px;
}
.heart2 span{
    width: 2px;
    height: 2px;
    border-radius: 2px;
    margin: 0 .4px;
}
.heart2 span:nth-child(1){
    background-color: red;
    animation: love1 3.2s 0s infinite;
}
.heart2 span:nth-child(2){
    background-color: darkturquoise;
    animation: love2 3.2s 0.2s infinite;
}
.heart2 span:nth-child(3){
    background-color: darksalmon;
    animation: love3 3.2s 0.4s infinite;
}
.heart2 span:nth-child(4){
    background-color: deeppink;
    animation: love4 3.2s 0.6s infinite;
}
.heart2 span:nth-child(5){
    background-color: yellow;
    animation: love5 3.2s 0.8s infinite;
}
.heart2 span:nth-child(6){
    background-color: deeppink;
    animation: love4 3.2s 1s infinite;
}

.heart2 span:nth-child(7) {
    background-color: darksalmon;
    animation: love3 3.2s 1.2s infinite;
}

.heart2 span:nth-child(8) {
    background-color: darkturquoise;
    animation: love2 3.2s 1.4s infinite;
}

.heart2 span:nth-child(9) {
    background-color: red;
    animation: love1 3.2s 1.6s infinite;
}
/* 下面定义动画 */
@keyframes love1{
    30%,50%{
        height: 5px;
        transform: translateY(-2.3px);
    }
    70%,100%{
        height: 2px;
        transform: translateY(0);
    }
}

@keyframes love2 {

    30%,
    50% {
        height: 10.4px;
        transform: translateY(-5px);
    }

    70%,
    100% {
        height: 2px;
        transform: translateY(0);
    }
}

@keyframes love3 {

    30%,
    50% {
        height: 13.3px;
        transform: translateY(-6.25px);
    }

    70%,
    100% {
        height: 2px;
        transform: translateY(0);
    }
}

@keyframes love4 {

    30%,
    50% {
        height: 15px;
        transform: translateY(-5px);
    }

    70%,
    100% {
        height: 2px;
        transform: translateY(0);
    }
}

@keyframes love5 {

    30%,
    50% {
        height: 16.7px;
        transform: translateY(-3.75px);
    }

    70%,
    100% {
        height: 2px;
        transform: translateY(0);
    }
}
/*动态彩虹字体*/
.rainbow-text {
    background-image: linear-gradient(to left, orangered, orange, gold, lightgreen, cyan, dodgerblue, mediumpurple, hotpink, orangered);
    background-size: 110vw;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-animation:rainbow 60s linear infinite;
    animation: rainbow 60s linear infinite;
}

@keyframes rainbow {
	100% {
    background-position: -2000vw;
}
}

.home-card{
    border-radius: 8px !important;
    box-shadow: 1px 4px 15px rgb(125 147 178 / 30%);
    border:1px solid rgba(208,206,206,.4)!important;
    margin:10px;
}

/*高亮文字*/
.highlight{
  border-radius:2px;
  background-color: #FDCD87;
  padding: 2px 4px;
  margin: 0 2px;
}

@-webkit-keyframes rainbow {
    to {
        background-position: -2000vw;
    }
}

@keyframes heartbeat {
	0% {
		transform: scale( 1) rotate(-45deg);
	}
	20% {
		transform: scale( 1.2) rotate(-45deg);
	}
	40% {
		transform: scale( 1.3) rotate(-45deg);
	}
}

.lover-container {
	max-width: 500px !important;
	width: 500px;
	height: 50vh;
}

  /* 背景 */
  @media (max-width: 767px) {
    .lover-background {
      display: block !important;
    }
  }
  @media (max-width: 767px) {
    .lover-background-video {
      display: none !important;
    }
  }
  .lover-background {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    object-fit: cover;
    background-position-x: center;
      background-position-y: top;
    background-size: cover;
  }
  @media (min-width: 1150px) {
      .lover-background {
          background-position-y: top;
      }
  }

  .lover-background-video {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    object-fit: cover;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
  }

  /* 头部图片模糊 */
  .lover-background:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url();
  }
  /* 头部图片模糊 */
  .lover-background-video:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url();
  }

.main-hero-header, .main-hero-waves-area {
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 0;
}

.main-hero-waves-area {
	bottom: -5px;
}

.waves-area .waves-svg {
	width: 100%;
	height: 5rem
}

.waves-area .parallax>use {
	-webkit-animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
	animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite
}

.waves-area .parallax>use:first-child {
	-webkit-animation-delay: -2s;
	animation-delay: -2s;
	-webkit-animation-duration: 7s;
	animation-duration: 7s;
	fill: hsla(0, 0%, 100%, .7)
}

.waves-area .parallax>use:nth-child(2) {
	-webkit-animation-delay: -3s;
	animation-delay: -3s;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	fill: hsla(0, 0%, 100%, .5)
}

.waves-area .parallax>use:nth-child(3) {
	-webkit-animation-delay: -4s;
	animation-delay: -4s;
	-webkit-animation-duration: 13s;
	animation-duration: 13s;
	fill: hsla(0, 0%, 100%, .3)
}

.waves-area .parallax>use:nth-child(4) {
	-webkit-animation-delay: -5s;
	animation-delay: -5s;
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
	fill: #fff
}

@-webkit-keyframes move-forever {
	0% {
		-webkit-transform: translate3d(-90px, 0, 0);
		transform: translate3d(-90px, 0, 0)
	}
	to {
		-webkit-transform: translate3d(85px, 0, 0);
		transform: translate3d(85px, 0, 0)
	}
}

@keyframes move-forever {
	0% {
		-webkit-transform: translate3d(-90px, 0, 0);
		transform: translate3d(-90px, 0, 0)
	}
	to {
		-webkit-transform: translate3d(85px, 0, 0);
		transform: translate3d(85px, 0, 0)
	}
}

.lover-card-title {
	background: -webkit-linear-gradient(left, red, #00f);
	background: -o-linear-gradient(right, red, #00f);
	background: -moz-linear-gradient(right, red, #00f);
	background: linear-gradient(to right, red, #00f);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.avatar-md img{
	width: 65px;
	height: 65px;
}

#loveList,.list-content{
	max-width: 650px;
	width: 100%;
}
#loveList section{
	display: block;
	padding-top: 50%;
	background-position: 50% 50%;
	background-color: #fff;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.statusIcon{
	width: 18px;
	height: 18px;
	margin-right: .8rem;
}
.indexPlate a:hover{
	color: initial;
	text-decoration: none;
}
.indexPlate a{
	color: inherit;
}

.loveList-title {
	background: -webkit-linear-gradient(left, red, orange);
	background: -o-linear-gradient(right, red, orange);
	background: -moz-linear-gradient(right, red, orange);
	background: linear-gradient(to right, red, orange);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.commentlist {
	clear: both;
}
/* 评论昵称 */
.name {
    font-size: 14px;
    /* color: #fb984b; */
    color: #1f77fc;
    font-weight: 500;
    line-height: 1;
    border-right: 1px solid #d8d8d8;
    margin-right: 10px;
    padding-right: 10px;
}

.name a{
    color: #fb984b;
}

.name a:hover{
    color: #d05e05;
}

.commentlist .comment {
	clear: both;
	margin: 25px 0;
	margin-left: 76px;
	position: relative;
	margin-bottom: 20px;
	padding: 8px 15px 2px 15px;
  border-radius: 5px;
  border: 1px solid #fedcc2;
  box-shadow: 1px 1px 2px 1px #fff5ee;
  /* border: 1px solid #1f77fc; */
  /* box-shadow: 1px 1px 2px 1px #c5dafa; */
}

.commentlist .comment .comment-avatar {
	position: absolute;
	left: -65px;
}

.commentlist .comment .comment-avatar .avatar {
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	width: 50px;
	height: 50px;
	box-shadow: 1px 1px 2px 1px gray;
}

textarea.form-control {
	resize: vertical;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    margin-bottom: 2px;
    background-image: url(/usr/themes/Brave/static/img/comment_bg1.webp);
    transition: all 0.25s ease-in-out 0s;
}

textarea.form-control:focus {

	border: 1px solid #fedcc2;
	box-shadow: 1px 1px 2px 1px #fff5ee;
  /* border: 1px solid #1f77fc; */
  /* box-shadow: 1px 1px 2px 1px #c5dafa; */
  background-position-y: 200px;
  transition: all 0.25s ease-in-out 0s;
}


#mail.form-control:focus,#author.form-control:focus,#url.form-control:focus{
	border: 1px solid #fedcc2;
	box-shadow: 1px 1px 2px 1px #fff5ee;
  /* border: 1px solid #1f77fc; */
  /* box-shadow: 1px 1px 2px 1px #c5dafa; */
}

#url.form-control,textarea.form-control,#author.form-control,#mail.form-control{
	margin:16px auto !important;
}
/* 发送按钮边框 */
.btn-outline-danger {
    color: #fa862b !important;
    border-color: #fa862b !important;
    /* color: #1f77fc !important; */
    /* border-color: #1f77fc !important; */
}
/* 发送按钮底色 */
.btn-outline-danger:hover{
	background-color:#fb984b !important;
  /* background-color:#1f77fc !important; */
	color:#fff!important;
}


.commentlist .comment .comment_author {
	position: relative;
}

.commentlist .comment .comment-text {
	padding: 10px 0;
	color: #282828;
}

.commentlist .comment .comment_reply {
	display: block;
	text-align: right;
	margin: 0;
	font-size: 12px;
	color: #757e91;
}
/* 评论日期 */
.commentlist data {
  margin-left:-3px;
  color: #000000;
  font-size: 12px;
  font-style: normal;
}
/* 评论IP */
.commentlist ip {
  margin-left:-3px;
  color: #cd4814;
  font-size: 12px;
  font-style: normal;
}

.commentlist p {
     color: #757e91;
    font-size: 14px;
    line-height: 1.6;
	margin-bottom: 0;
}
.list-text{
	line-height: 2.2;
	text-align: center;
}
.bigfontNum{
	font-size: 2rem;
}
.indexPlate .card{
	margin-bottom: 1rem;
}

@media screen and (max-width: 600px){
	.avatar-img {
		height: 64px;
		width: 64px;
		object-fit: cover;
		border: rgba(255, 255, 255, .4) 1px solid;
	}
	.lover-container {
		max-width: 500px !important;
		width: 500px;
		height: 35vh;
	}
	.waves-area .waves-svg {
		width: 100%;
		height: 3rem;
	}
	.bigfontNum{
		font-size: 1.5rem;
	}
	.list-content {
		max-width: 650px;
		width: 90%;
	}
}

#article img{
	max-width: 100%;
}

/* Make clicks pass-through */
#nprogress {
	pointer-events: none;
  }

  #nprogress .bar {
	background: #29d;

	position: fixed;
	z-index: 1031;
	top: 0;
	left: 0;

	width: 100%;
	height: 2px;
  }

  /* Fancy blur effect */
  #nprogress .peg {
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 100%;
	box-shadow: 0 0 10px #29d, 0 0 5px #29d;
	opacity: 1.0;
	-webkit-transform: rotate(3deg) translate(0px, -4px);
	-ms-transform: rotate(3deg) translate(0px, -4px);
	transform: rotate(3deg) translate(0px, -4px);
  }

  /* Remove these to get rid of the spinner */
  #nprogress .spinner {
	display: block;
	position: fixed;
	z-index: 1031;
	top: 15px;
	right: 15px;
  }

  #nprogress .spinner-icon {
	width: 18px;
	height: 18px;
	box-sizing: border-box;

	border: solid 2px transparent;
	border-top-color: #29d;
	border-left-color: #29d;
	border-radius: 50%;

	-webkit-animation: nprogress-spinner 400ms linear infinite;
			animation: nprogress-spinner 400ms linear infinite;
  }

  .nprogress-custom-parent {
	overflow: hidden;
	position: relative;
  }

  .nprogress-custom-parent #nprogress .spinner,
  .nprogress-custom-parent #nprogress .bar {
	position: absolute;
  }

  @-webkit-keyframes nprogress-spinner {
	0%   { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
  }
  @keyframes nprogress-spinner {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }

 /*视频挂载*/

.iframe_video {
    position: relative;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .iframe_video {
        height: 15em;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .iframe_video {
        height: 20em;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .iframe_video {
        height: 30em;
    }
}

@media only screen and (min-width: 1200px) {
    .iframe_video {
        height: 40em;
    }
}

.iframe_cross {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%
}

.iframe_cross iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

/*翻页样式*/
.page-navigator {
    display: inline-block;
    padding-left: 25px;
    margin-bottom: 30px;
    border-radius: 4px;
}

.page-navigator>li {
    display: inline;
	margin:0 10px;
}

.page-navigator>li a{
	position:relative;
	float:left;
	font-size: 12px;
	padding:7px 15px;
	margin-left:6px;
	margin-top:10px;
	line-height:1.4;
	color:#973444;
	text-decoration:none;
	border-radius:4px;
	background-color:#fff;
	border:1px solid #EBB3BC;
	box-shadow:1px 1px 2px 1px rgb(112 12 122 /10%);
	font-weight:500;
}

.page-navigator>.current>a,
.page-navigator>.current>a:focus,
.page-navigator>.current>a:hover,
.page-navigator>.current>span,
.page-navigator>.current>span:focus,
.page-navigator>.current>span:hover{
	z-index:3;
	color:#973444;
	margin-top:10px;
	box-shadow: inset 1px 1px 3px 1px rgba(112,12,122,.2);
	border-radius:4px;
	cursor:default;
	background-color:#fff;
	}
@media screen and (max-width: 840px){
 .page-navigator>li a{
	padding:3px 7px;
	margin-top:10px;
}
}

/*OwO表情*/
.OwO-item{
background-color:#fff !important;
}

/*.OwO-logo{*/
/*    border: none !important;*/
/*    padding: 0 !important;*/
/*} */
/**/
.OwO-bar {
    overflow-y: scroll
}

/*.OwO .OwO-body .OwO-items {*/
/*    overflow-y: scroll !important;*/
/*    overflow-x: hidden !important*/
/*}*/

/*手机端OwO表情*/
/*@media screen and (max-width: 840px){*/
/*.OwO .OwO-body .OwO-items {*/
/*    max-height: 150px !important;*/
/*}*/
/*.OwO-items .OwO-item {*/
/*    padding: 3px !important;*/
/*}*/
/*.OwO .OwO-body .OwO-bar {*/
/*    height: auto !important;*/
/*}*/
/*.OwO-bar{*/
/*  overflow-y: hidden !important;*/
/*}*/
/*.OwO-packages li{*/
/*    font-size:13px !important;*/
/*    padding: 0 5px !important;*/
/*    line-height: 30px !important;*/
/*}*/
/*}*/

/*指定时光机图片大小*/
.comment-text img{
    width:150px;
}

/*手机浏览器固定背景图片的方法*/
.bg-fixed:after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -3;
}
/* 给充满页面的元素加背景，这样背景就不会随页面滚动了 */
.bg:after {
  background: url(/usr/themes/Brave/img/beijing.png);
  background-size: contain;
}

/*.article-background{*/
 /*background-image: url(https://cdn.jsdelivr.net/gh/pyrrole-ach/picture@main/202203071320300.png);*/
 /*background-attachment: fixed;*/
 /*background-size: contain;  */

@media screen and (max-width: 840px){
/*.article-background{*/
/* background-image: none;*/
/*}*/
.bg:after {
  background-image: url(/usr/themes/Brave/img/beijing2.png) !important;
}
}

/*文章页常用div模块*/

/*逗号引用*/

.quote-red:before{
    font-family: "microsoft yahei";
    content: "“";
    font-size: 3rem;
}

.quote-red{
    position: relative;
    color: #eb445a;
    padding-bottom: 24px;
	padding-top:24px;
}

.quote-red:after{
    font-family: "microsoft yahei";
    content: "”";
    font-size: 3rem;
    position: absolute;
    right: 0;
    bottom: -1rem;
}

.quote-green:before{
    font-family: "microsoft yahei";
    content: "“";
    font-size: 3rem;
}

.quote-green{
    position: relative;
    color: #00947e;
    padding-bottom: 24px;
	padding-top:24px;
}

.quote-green:after{
    font-family: "microsoft yahei";
    content: "”";
    font-size: 3rem;
    position: absolute;
    right: 0;
    bottom: -1rem;
}

.quote-blue:before{
    font-family: "microsoft yahei";
    content: "“";
    font-size: 3rem;
}

.quote-blue{
    position: relative;
    color: #2160c4;
    padding-bottom: 24px;
	padding-top:24px;
}

.quote-blue:after{
    font-family: "microsoft yahei";
    content: "”";
    font-size: 3rem;
    position: absolute;
    right: 0;
    bottom: -1rem;
}

.quote-purple:before{
    font-family: "microsoft yahei";
    content: "“";
    font-size: 3rem;
}

.quote-purple{
    position: relative;
    color: #8a51c0;
    padding-bottom: 24px;
	padding-top:24px;
}

.quote-purple:after{
    font-family: "microsoft yahei";
    content: "”";
    font-size: 3rem;
    position: absolute;
    right: 0;
    bottom: -1rem;
}
/*边框边框*/
.border-orange{
    border:1px solid orange;
    padding:10px 15px;
    border-radius:5px
}
.border-green{
    border:1px solid #00947e;
    padding:10px 15px;
    border-radius:5px
}
.border-blue{
    border:1px solid #2160c4;
    padding:10px 15px;
    border-radius:5px
}
.border-purple{
    border:1px solid #8a51c0;
    padding:10px 15px;
    border-radius:5px
}
.border-red{
    border:1px solid #F14668;
    padding:10px 15px;
    border-radius:5px
}

/*多彩引用*/
/*绿色*/
.blockquote-green {
    background-color: #f7fffe;
    border-radius: 6px;
    border-left: 4px solid #00947e;
    color: #00947e;
    padding: 1.2rem 1.5rem;
    word-break: break-all;
}

/*蓝色*/
.blockquote-blue {
    background-color: #f4f7ff;
    border-radius: 6px;
    border-left: 4px solid #2160c4;
    color: #2160c4;
    padding: 1.2rem 1.5rem;
    word-break: break-all;
}

/*紫色*/

.blockquote-purple {
    background-color: #f7f0fe;
    border-radius: 6px;
    border-left: 4px solid #8a51c0;
    color: #8a51c0;
    padding: 1.2rem 1.5rem;
    word-break: break-all;
}

/*红色*/
.blockquote-red {
    background-color: #ffe9f1;
    border-radius: 6px;
    border-left: 4px solid #F14668;
    color: #F14668;
    padding: 1.2rem 1.5rem;
    word-break: break-all;
}

/*多彩行内代码*/

.code-green{
  color: #00947e;
  background-color: #b4ece4;
  font-size: .9rem;
  margin: 0 4px;
  padding: 2px 4px ;
  border-radius: 4px;
}
.code-blue{
  color: #2160c4;
  background-color: #c6d6f0;
  font-size: .9rem;
  margin: 0 4px;
  padding: 2px 4px ;
  border-radius: 4px;
}
.code-purple{
  color: #8a51c0;
  background-color: #eedbff;
  font-size: .9rem;
  margin: 0 4px;
  padding: 2px 4px ;
  border-radius: 4px;
}
.code-red{
  color: #F14668;
  background-color: #ffdfe5;
  font-size: .9rem;
  margin: 0 4px;
  padding: 2px 4px ;
  border-radius: 4px;
}

/*下划线*/
.underline-red{
   border-bottom:4px dotted #e04942 ;
   color:#e04942;
}
.underline-green{
   border-bottom:4px dotted #00947e ;
    color:#00947e;
}
.underline-purple{
   border-bottom:4px dotted #8a53bd ;
    color:#8a53bd;
}
.underline-blue{
   border-bottom:4px dotted #3e75cc ;
    color: #3e75cc;
}

/*文字加粗*/
.strong700{
    font-weight: 700;
    color:#333;
}
.underline-gray{
    text-decoration: none;
    border-bottom:1px solid #b9b4ad;
}

/*明信片*/
.postcard {
    max-width: 100%;
    margin: 0px auto;
    padding: 10px 20px;
    background: #fff;
    position: relative;
    border-radius: 3px;
}
.postcard:after {
    content: '';
    background: -webkit-repeating-linear-gradient(45deg, #114abc, #114abc 10px, #fff 10px, #fff 20px, #bf2010 20px, #bf2010 30px, #fff 30px, #fff 40px);
    background: repeating-linear-gradient(45deg, #114abc, #114abc 10px, #fff 10px, #fff 20px, #bf2010 20px, #bf2010 30px, #fff 30px, #fff 40px);
    padding: 20px;
    border-radius: 6px;
    box-shadow: 1px 2px 6px 1px rgba(76, 66, 47, 0.75);
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    position: absolute;
    top: -8px;
    left: -8px;
    z-index: -1;
}
.postcardhead {
    display: inline-block;
    margin: 10px 0 10px -28px;
    padding: 5px 15px 5px 15px;
    background: #bf2010;
    border-width: 1px 1px 1px 0px;
    border-style: dashed;
    color: #fff;
    box-shadow: 2px 0 0 2px #bf2010, 2px 2px 0 2px #bf2010, 2px -2px 0 2px #bf2010, inset 0 0 5px 2px rgba(0, 0, 0, 0.2);
}
/*修改表情框内表情预览大小，根据实际情况自行测试修改*/
.OwO-img-quyin {
    margin-bottom: -0.125rem;
    min-height: 3.0rem;
    height: 1em;
}

/*右侧导航栏*/
@media (max-width: 768px) { /* 低于此宽度不显示 */
  .elevator_item {
    display: none !important;
  }
}
.elevator_item .hd-time-limited {
  display: block;
  position: fixed;
  right: 0;
  bottom: 445px;
  width: 40px;
  height: 80px;
  /*background: url(assets/img/right.png) no-repeat center;*/
}
.elevator_item {
  position: fixed;
  right: 0px;
  bottom: 180px;
  z-index: 11;
}
.elevator_item .feedback {
  width: 40px;
  height: 40px;
  font-size: 5px;
  padding: 6px 5px;
  display: block;
  border-radius: 8px;
  text-align: center;
  margin-top: 7.5px;
  box-shadow: 0 1px 2px rgba(0,0,0,.35);
  cursor: pointer;
}

.graHover {
  position: relative;
  overflow: hidden;
}
/*躲猫猫*/
#maomao {
  position: fixed;
  bottom: 40px;
  right: -5px;
  width: 57px;
  height: 70px;
  background-image: url(/usr/themes/Brave/img/mao.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: background .3s;
}
#maomao:hover {
  background-position: 60px 50%;
}

/* Comment reply */
.comment-list .respond {
  margin-top: 15px;
  border-top: 1px solid #EEE;
}
.respond .cancel-comment-reply {
  float: right;
  margin-top: 15px;
  font-size: .92857em;
}
#comment-form label {
  display: block;
  margin-bottom: .5em;
  font-weight: bold;
}
#comment-form .required:after {
  content: " *";
  color: #C00;
}
.comment-list li .comment-reply {
  text-align: right;
  font-size: .92857em;
}
#cancel-comment-reply-link {
    display: inline !important;
}

/*移动端底部菜单*/
@media (min-width: 768px) {
  .nav-shouji {
      display: none !important;
  }
}
.nav-shouji{
  display: flex;
  position: fixed;
  bottom:0;
  z-index:99;
  height: 55px;
  width: 100%;
  background: rgba(255, 255, 255, 0.55);
  flex-shrink: 0;
  font-size: 14px;
}
.nav-shouji .nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: var(--main);
}
.nav-item:nth-child(3) {
  transform: translateY(-20px);
  background: rgba(255, 255, 255, 0.55);
  border-radius: 50%;
  height: 75px;
  width: 75px;
  flex-shrink: 2;
  box-shadow: 0 -3px 4px rgba(0,0,0,.1);
}
.nav-shouji .nav-item .img {
  height: 24px;
  overflow: hidden;
}
.nav-item:nth-child(3)>.img{
  height: 30px;
  margin-bottom: 5px;
}
.nav-shouji .nav-item img {
  width: 24px;
  height: 24px;
  overflow: hidden;
}
